<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美策服务平台</title>
    <link rel="shortcut icon" href="../../imgs/common/logo.png">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/StaffManage/common.css">
    <link rel="stylesheet" href="../../css/StaffManage/index.css">
</head>
<body>
    <div class="common" id="Index">
        <cm-header :login=true></cm-header>

        <div class="body">
            <!-- 员工类型 -->
            <div class="box index">
                <h2 class="title">服装产业上下游注册</h2>
                <div class="btns">
                    <div class="btns-child">
                        <button class="btn" 
                            :class="{active: currBtn == 1}"
                            @click="onSelectType(1)">
                            我是员工</button>
                        <div class="remarks">服装产业上下游员工</div>
                    </div>
                    <div class="btns-child">
                        <button class="btn" 
                            :class="{active: currBtn == 2}"
                            @click="onSelectType(2)">
                            我是公司</button>
                        <div class="remarks">自己没有工厂，全部外发生产</div>
                    </div>
                    <div class="btns-child">
                        <button class="btn" 
                            :class="{active: currBtn == 3}"
                            @click="onSelectType(3)">
                            我是工厂</button>
                        <div class="remarks">纯加工厂，没有自己的品牌</div>
                    </div>
                    <div class="btns-child">
                        <button class="btn" 
                            :class="{active: currBtn == 4}"
                            @click="onSelectType(4)">
                            我是企业</button>
                        <div class="remarks">有公司有工厂有外发</div>
                    </div>
                </div>

                <div class="introducer">
                    <div>介绍人手机号(非必填)：</div>
                    <input type="text" mcname="phone">
                </div>
                <p v-if="!isCheck" style="margin-top: 5px;font-size: 18px;color: red;">请输入正确的手机号码</p>
                <button class="btn btn-primary next" @click="onNextStep">下一步</button>
            </div>

        </div>

        <div class="footer"></div>
    </div>
    <script src="../../js/common/jquery-1.8.3.min.js"></script>
    <script src="../../js/common/vue_2.5.13.js"></script>
    <script src="../../js/app.js"></script>
    <script src="../../js/all.js"></script>
    <script src="../../js/components/header.js"></script>
    <script src="../../js/StaffManage/index.js"></script>
</body>
</html>